<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Danh sách tin tức</title>
    
    <!--Thư viện hiệu ứng animate-->
    <link href="css/animate.min.css" rel="stylesheet" type="text/css"/>
    <!--Thư viện icon font-awesome-->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--css for supper slide -->
    <link rel="stylesheet" type="text/css" href="css/superslides.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link href="css/normalize.css"  rel="stylesheet" type="text/css"/>
    <!--Css dùng chung -->
	<link href="css/reset.css"  rel="stylesheet" type="text/css"/>
    <!--Css chính cho toàn trang -->
	<link href="css/style.css" rel="stylesheet" type="text/css" />
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
	
</head>
<body>
<section id="fb-root"></section>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=903153506380845&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<header class="itq-header">
	<section class="itq-wrapper">
    	<section class="top">
        	<figure>
            	<a href="#">
                	<img src="uploads/logo.png">
                </a>
            </figure>
            <section class="type-product">
            	
            </section>
            <section class="top-image">
            
            </section>
        </section><!--.top-->
        
        
    </section><!-- .itq-wrapper -->
    
  
</header><!-- .itq-header -->
<section class="clear"></section>
<nav class="itq-menu">
	<section class="itq-wrapper">
    	<ul class="main">
            	<li class="main">
                	<a href="#">Trang chủ </a>
                </li>
                <li class="main">
                	<a href="#">giới thiệu </a>
                </li>
                <li class="main">
                	
                	<a href="#">Sản phẩm  </a>
                    <ul class="item">
                    <section class="arrow"></section>
                    	<li class="item">
                        	<a href="#">
                            	Members card vip
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	Members card normal
                            </a>
                        </li >
                        <li class="item">
                        	<a href="#">
                            	Members vip
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="main">
                	<a href="#">Tin tức </a>
                </li>
                <li class="main">
                	<a href="#">Dịch vụ </a>
                </li>
                <li class="main">
                	<a href="#">Dự án</a>
                </li>
                <li class="main">
                	<a href="#">Liên hệ</a>
                </li>
            
            </ul>
            <section class="search-menu">
            	<form method="post" action="">
                	<input type="text" placeholder="Từ khoá tìm kiếm ...">
                    <input type="submit" value="">
                </form>
            </section>
    
    </section>  <!--.itq-wrapper-->      
</nav><!--.itq-menu-->  
<section class="clear"></section>


<section class="itq-feature">
	<section class="itq-wrapper">
    	<ul>
        	<li><a href="#">Xe đạp điện mới</a></li>
            <li><a href="#">XE ĐẠP ĐIỆN CŨ</a></li>
            <li><a href="#">BẢO HÀNH</a></li>
            <li><a href="#">Khuyến mãi</a></li>
            <li><a href="#">Chính sách</a></li>
            <li><a href="#">Mua bán</a></li>
        </ul>
    
    </section> <!--.itq-wrapper-->   
</section><!--.itq-feature-->
<section class="clear"></section>

<section class="itq-slider" >
	  <section class="itq-wrapper">
      	  <section class="search-product">
          	 <header>
             	<h3>Tìm xe</h3>
             </header>
             <section class="form-search">
             	<form method="post" action="#">
                	<section >
                    	<p>
                        	Hãng xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<p>
                        	Quãng đường đi khi pin đầy
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section class="pan6 tt" >
                    	<p>
                        	Tình trạng xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section class="pan6 mau" >
                    	<p>
                        	Màu xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<p>
                        	Khoảng giá
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<input type="submit" value="Tìm kiếm">
                    </section>
                </form>
             </section>
             
          </section><!-- .search-product -->
      </section><!-- .itq-wrapper -->
      <section id="slides">
          <ul class="slides-container">
              <li>
                  <img src="uploads/slide-1.jpg" alt="">
              </li>
              <li>
                  <img src="uploads/slide-1.jpg" alt="">
              </li>
          </ul>
          
      
          <!-- <nav class="slides-navigation">
            <a href="#" class="next"><img src="images/next.png"></a>
            <a href="#" class="prev"><img src="images/prev.png"></a>
          </nav> -->
      </section> <!-- .itq-slides -->

</section><!-- .itq-slider -->
<section class="clear"></section>



<section class="itq-adv">
    	<section class="carousel">
          <ul>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
          </ul>
    </section><!-- .carousel-->
</section><!-- .itq-adv -->
<section class="clear"></section>



<section class="itq-container">
<section class="bao-news">
	<section class="list-news">
    	<section class="itq-wrapper">
        	<section class="left">
            	<header>
                	<h3>Danh sách tin tức</h3>
                </header>
					<section class="inter-left">
						<section class="pagination">
							<a class="prev" href="#"><i class="fa fa-chevron-left"></i></a>
							<a class="item" href="#">1</a>
							<a class="item" href="#">2</a>
							<a class="item" href="#">3</a>
							<a class="item" href="#">4</a>
							<a class="next" href="#"><i class="fa fa-chevron-right"></i></a>
						</section>
						<ul>
							<li>
								<figure>
									<a href="#"><img src="uploads/news-1.png"></a>
								</figure>
								<p><a href="#">Tín hiệu tốt lành từ dịch vụ Ký gửi xe Ưu đãi đặc biệt</a></p>
							</li>
							<li>
								<figure>
									<a href="#"><img src="uploads/news-1.png"></a>
								</figure>
								<p><a href="#">Tín hiệu tốt lành từ dịch vụ Ký gửi xe Ưu đãi đặc biệt</a></p>
							</li>
							<li>
								<figure>
									<a href="#"><img src="uploads/news-1.png"></a>
								</figure>
								<p><a href="#">Tín hiệu tốt lành từ dịch vụ Ký gửi xe Ưu đãi đặc biệt</a></p>
							</li>
							 <li>
								<figure>
									<a href="#"><img src="uploads/news-1.png"></a>
								</figure>
								<p><a href="#">Tín hiệu tốt lành từ dịch vụ Ký gửi xe Ưu đãi đặc biệt</a></p>
							</li>
						</ul>
					</section>
            </section>
            <section class="right">
            	<section class="detail-news">
                    <header class="title">
                        <h3>Nhân dịp Tết Nguyên Đán cửa hàng giảm giá 15% từ ngày 11/1
đến hết ngày 18/1/2015</h3>
                    </header>
                    <article>
                        <figure>
                            <img src="uploads/detail-news.png">
                        </figure>
                        <h3>
                            <b>
                                Yamaha vừa vui mừng thông báo Valentino Rossi vừa chính thức đặt bút ký vào bản hợp đồng cam kết sẽ tiếp tục cống hiến trong màu áo 
                            </b>
                        </h3>
                        <p>
                            Valentino Rossi - tay đua từng 9 lần vô địch thế giới MotorGP sẽ tiếp tục thi đấu cho đội đua của Yamaha trong mùa giải MotoGP 2015 và 2016.
							Trong mùa giải MotorGP 2014 hiện tại, thành tích của Valentino Rossi khá tốt. Tay đua người Ý này đang xếp thứ hai trên bảng tổng sắp. Tính đến hết chặng thứ 8 ở Hà Lan, ttanh đã có 4 lần có được vị trí thứ hai trên bục podium.
							Ông Lin Jarvis - Giám đốc điều hành của Yamaha Factory Racing - cho biết: “Chúng tôi rất vui mừng khi đạt được thỏa thuận với Valentino Rossi cho mùa giải 2015 và 2015. Kể từ khi trở lại với chúng tôi vào năm 2013, anh đã đóng góp khá nhiều kinh nghiệm cho đội đua. Sau hai năm “xa nhà”, 
                        </p>
                        <p>
                            Valentino Rossi - tay đua từng 9 lần vô địch thế giới MotorGP sẽ tiếp tục thi đấu cho đội đua của Yamaha trong mùa giải MotoGP 2015 và 2016.
							Trong mùa giải MotorGP 2014 hiện tại, thành tích của Valentino Rossi khá tốt. Tay đua người Ý này đang xếp thứ hai trên bảng tổng sắp. Tính đến hết chặng thứ 8 ở Hà Lan, ttanh đã có 4 lần có được vị trí thứ hai trên bục podium.
							Ông Lin Jarvis - Giám đốc điều hành của Yamaha Factory Racing - cho biết: “Chúng tôi rất vui mừng khi đạt được thỏa thuận với Valentino Rossi cho mùa giải 2015 và 2015. Kể từ khi trở lại với chúng tôi vào năm 2013, anh đã đóng góp khá nhiều kinh nghiệm cho đội đua. Sau hai năm “xa nhà”, 
                        </p>

                    </article>
                </section><!-- .detail-news-->
                <h4>Tin tức liên quan</h4>
                <section class="list-items">
                    <ul>
                        <li>
                            <figure>
                                <a href="#"><img src="uploads/list-news.png"></a>
                            </figure>
                            <h3>
                                <a href=" #">Valentino Rossi tâm sự: “Tôi rất vui mừng được thông báo rằng tôi vừa mới ký một bản hợp đồng mới với Yamaha và sẽ tiếp tục làm việc vớintino Rossi tâm sự: “Tôi rất vui mừng được thông báo rằng tôi vừa mới ký một bản hợp đồng mới với Yamaha và sẽ tiếp tục làm việc với họ họ trong hai năm tới đây...</a>
                            </h3>
                            <p>
                                Ông Lin Jarvis - Giám đốc điều hành của Yamaha Factory Racing - cho biết: “Chúng tôi rất vui mừng khi đạt được thỏa thuận với Valentino Rossi cho mùa giải 2015 và 2015. Kể từ khi trở lại với Ông Lin Jarvis - Giám đốc điều hành của Yamaha Factory Racing - cho biết: “Chúng tôi rất vui  2015. 
                            </p>
                            <p class="more">
                            	<a href=" #">Xem tiếp  <img src="images/next.png"></a>
                            </p>
                        </li>
                        <li>
                            <figure>
                                <a href="#"><img src="uploads/list-news.png"></a>
                            </figure>
                            <h3>
                                <a href=" #">Valentino Rossi tâm sự: “Tôi rất vui mừng được thông báo rằng tôi vừa mới ký một bản hợp đồng mới với Yamaha và sẽ tiếp tục làm việc vớintino Rossi tâm sự: “Tôi rất vui mừng được thông báo rằng tôi vừa mới ký một bản hợp đồng mới với Yamaha và sẽ tiếp tục làm việc với họ họ trong hai năm tới đây...</a>
                            </h3>
                            <p>
                                Ông Lin Jarvis - Giám đốc điều hành của Yamaha Factory Racing - cho biết: “Chúng tôi rất vui mừng khi đạt được thỏa thuận với Valentino Rossi cho mùa giải 2015 và 2015. Kể từ khi trở lại với Ông Lin Jarvis - Giám đốc điều hành của Yamaha Factory Racing - cho biết: “Chúng tôi rất vui  2015. 
                            </p>
                              <p class="more">
                            	<a href=" #">Xem tiếp <img src="images/next.png"></a>
                            </p>
                        </li>
                
                    </ul>
                </section><!-- .list-news-->
            </section>
        </section><!-- .list-wrapper -->
		
    </section><!-- .itq-news -->
</section>
		<section class="list-product" style="display:none;"></section>
		<section class="list-product">
    	<section class="itq-wrapper">
        	<header class="header-content">
				<nav class="other-product">
								<ul>
									<li class="sphk"><img src="images/list-style.png" /><p>
									sản phẩm
									</p></li>
									
								</ul>
				</nav>
				<section class="clear"></section>
				<nav class="nav-content">
					<ul class="ul-content">
						<li class="li-logo">
							<img src="uploads/cate-1.jpg"/>
						</li>
						<li class="li-topic"><a href="">xe mới</a></li>
						<li class="li-topic"><a href="">xe cũ</a></li> 
						<li class="li-topic"><a href="">tất cả</a></li> 
						<li class="li-topic"><a href="">khuyến mãi</a></li> 
					</ul>
				</nav>
			</header>
			<section class="inter-product">
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				
			</section>
        </section><!-- .list-wrapper -->
    
    </section><!-- .list-product -->
	        <section class="block-footer">
            <section class="itq-wrapper">
                <section class="category">
                	<ul>
                    	<li>
                        	<a href="#"><img src="uploads/cate-1.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-2.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-3.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-4.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-5.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-6.jpg"></a>
                        </li>
                    </ul>
                </section>
                <section class="news-hot">
                	<header>
                    	<h3>Tin tức nổi bật</h3>
                    </header>
                    <ul>
                    	<li>
                        	Tín hiệu tốt lành từ dịch vụ Ký Gửi Xe
                        </li>
                        <li>
                        	Khuyến mãi lớn nhân dịp Tết
                        </li>
                        <li>
                        	Giảm giá hãng xe Honda 15%
                        </li>
                        <li>
                        	Những mẫu xe đạp điện HOT tháng 10
                        </li>
                        <li>
                        	Xu hướng xe đạp điện hiện nay
                        </li>
                    </ul>
                
                </section>
                <section class="like-facebook">
					<section class="baofb">
						<img class="fbtren" src="images/bofb-tren.png"/>
						<img class="fbduoi" src="images/bofb-duoi.png"/>
							<section class="fb-like-box" 
								 data-href="https://www.facebook.com/FacebookDevelopers" 
								 data-width="230" data-height="230" 
								 data-colorscheme="light" 
								 data-show-faces="true" 
								 data-header="true" 
								 data-stream="false" 
								 data-show-border="true"
								 >
								 
							</section>
					</section>
                </section>
            </section><!-- .itq-wrapper -->
    
        </section><!-- .block-footert -->
</section><!-- .itq-container -->
<section class="clear"></section>



<footer class="itq-footer">
	<nav class="menu-footer">
    	<section class="itq-wrapper">
       		<ul>
        	<li><a href="#">Xe đạp điện mới</a></li>
            <li><a href="#">XE ĐẠP ĐIỆN CŨ</a></li>
            <li><a href="#">BẢO HÀNH</a></li>
            <li><a href="#">Khuyến mãi</a></li>
            <li><a href="#">Chính sách</a></li>
            <li><a href="#">Mua bán</a></li>
        </ul>
        </section>
    </nav><!-- .menu-footer -->
    <section class="info-footer">
        <section class="itq-wrapper">
        	<figure>
            	<a href="#">
                	<img src="uploads/logo.png">
                </a>
            </figure>
            <ul>
            	 
            	<li>
                	<h1>Xe đạp điện Hoàng Long</h1>
                </li>
                <li>
                	<p>Liên hệ trực tiếp : Anh Hùng  </p>
                </li>
                <li>
                	<p>Địa chỉ : Số 234B Thụy Khuê - Hà Nội</p>
                </li>
                 <li>
                	<p>Email : xedapdien@gmail.com </p>
                </li>
                 <li>
                	<p>Điện Thoại : 0986 131 037 - 0987 454 343. </p>
                </li>
            </ul>
            <section class="type-product">
            	
            </section>
        
        </section> <!-- .itq-wrapper -->
    </section><!-- .info-footer -->
    
    
     <section class="copyright-footer">
        <section class="itq-wrapper">
        	<p>
            	Copyright 2014 by : Royaldesign.vn Design & Developer by :  <a href="#">ITQ.VN</a>
            </p>
        </section> <!-- .itq-wrapper -->
    </section><!-- .copyright-footer -->
        
        
</footer><!-- .itq-footer -->
<section class="clear"></section>


<!--Thư viện jcarousellite -->
<script src="js/jcarousellite_1.0.1.min.js" type="text/javascript"></script>
<!--Thư viện superslide -->
<script src="plugins/supperslide/jquery.easing.1.3.js"></script>
<script src="plugins/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="plugins/supperslide/hammer.min.js"></script>
<script src="plugins/supperslide/jquery.superslides.min.js"></script>
<script>
	$(document).ready(function(e) {
		//goi slide jcarousellite
        $(".carousel").jCarouselLite({
			  auto: 5000,
			  speed: 500,
			  visible: 10
		  });
		//goi slide supperslide
		$('#slides').superslides({
			play:10000,
			pagination:false,
			hashchange:false,
			inherit_width_from:'.itq-slider',
			inherit_height_from:'.itq-slider'
		  });
    });
</script>
</body>
</html>